{% load static %}
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>首页三</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="{% static 'admin/css/pearCommon.css' %}" />
	<link rel="stylesheet" href="{% static 'component/layui/css/layui.css' %}" media="all">
	<link rel="stylesheet" href="{% static 'admin/css/pearButton.css' %}" />
	<link rel="stylesheet" href="{% static 'assets/console2.css' %}" />
</head>

<body class="pear-container">
	<div class="layui-row layui-col-space10">
		<div class="layui-col-md12">
			<div class="layui-row layui-col-space10">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-body">
							<form class="layui-form" action="">
								<div class="layui-form-item">
									<div class="layui-input-inline">
										<input type="text" name="device_no" placeholder="设备编号.." class="layui-input"
											autocomplete="off">
									</div>
									<div class="layui-input-inline">
										<input type="text" name="start_time" placeholder="开始时间.." class="layui-input"
											autocomplete="off">
									</div>
									<div class="layui-input-inline">
										<input type="text" name="end_time" placeholder="结束时间.." class="layui-input"
											autocomplete="off">
									</div>
									<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
										<i class="layui-icon layui-icon-search"></i>
										查询
									</button>
									<button type="reset" class="pear-btn pear-btn-md">
										<i class="layui-icon layui-icon-refresh"></i>
										重置
									</button>
								</div>
							</form>
						</div>
					</div>
					<div class="layui-card">
						<div class="layui-card-body">
							<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
								<div id="echarts-records" style="background-color:#ffffff;min-height:500px;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--</div>-->
	<script src="{% static 'component/layui/layui.js' %}" charset="utf-8"></script>
	<script>
		layui.use(['layer', 'echarts', 'carousel', 'element', 'pearTab'], function () {
			var $ = layui.jquery,
				layer = layui.layer,
				element = layui.element,
				pearTab = layui.pearTab,
				echarts = layui.echarts,
				carousel = layui.carousel;

		});
	</script>
</body>

</html>